<h3>PAGES</h3>
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
  <li ${ 'class="active"' if cms == 'home' else '' }><a href="/paneo/"><i class="icon-home"></i>Home</a></li>
  %if web.ctx.session.get('admin') :
  <li ${ 'class="active"' if cms == 'pages' else '' }><a href="/paneo/pages/"><i class="icon-book"></i>PAGES</a></li>
  %endif
  <li ${ 'class="active"' if cms == 'contents' else '' }><a href="/paneo/contents/"><i class="icon-pencil"></i>CONTENTS</a></li>
  <li ${ 'class="active"' if cms == 'images' else '' }><a href="/paneo/images/"><i class="icon-picture"></i>IMAGES</a></li>
  <li ${ 'class="active"' if cms == 'background' else '' }><a href="/paneo/background/"><i class="icon-fullscreen"></i>BACKGROUND</a></li>
  <li ${ 'class="active"' if cms == 'ecaws' else '' }><a href="/paneo/ecaws/"><i class="icon-shopping-cart"></i>Amazon (AWS)</a></li>
  <li ${ 'class="active"' if cms == 'tumblr' else '' }><a href="/paneo/tumblr/"><i class="icon-calendar"></i>TUMBLR (BLOG)</a></li>
</ul>
</div> <!-- /well -->

%if web.ctx.session.get('admin') :
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
  <li ${ 'class="active"' if cms == 'formmail' else '' }><a href="/paneo/formmail/"><i class="icon-envelope"></i>FORM MAIL</a></li>
  <li ${ 'class="active"' if cms == 'files' else '' }><a href="/paneo/files/"><i class="icon-file"></i>FILES</a></li>
</ul>
</div>
%endif

<h3>WEB SERVICE</h3>
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
<li><a href="http://picasaweb.google.com/" target="_blank">Picasa Web Album</a></li>
<li><a href="http://www.nairegift.com/freephoto/" target="_blank">Free Image Search</a></li>
</ul>
</div>

<h3>ARTICLES</h3>
<div class="well" style="padding: 8px 0;">
<ul class="nav nav-list">
%for t in ARTICLES_TYPE:
<li class="nav-header">${t.get('title')}</li>
%for a in ARTICLES :
%if a.get('type') == t.get('id'):
%if a.get('active'):
<li ${ 'class="active"' if cms == 'a-${a.get("prefix")}' else '' }><a href="/paneo/articles/${a.get('prefix')}/"><i class="icon-list-alt"></i>${a.get('title')}</a></li>
%endif
%endif
%endfor
%endfor
</ul>
</div>
